.custom-border-warning { border-left-color: #f0ad4e; }

.custom-no-margin { margin: 0 !important; }
.custom-no-margin-bottom { margin-bottom: 0 !important; }

.custom-no-padding { padding: 0 !important; }

.custom-article {
  padding-top: 0;
  margin-top: 0;
  .row { margin-bottom: 1em; }
  }

.custom-pl10  { padding-left: 10px; }
.custom-pt5   { padding-top: 5px; }
.custom-pt25  { padding-top: 25px; }
.custom-ptb40 { padding: 40px 0px 40px 0px !important; }

.custom-bg-white { background-color: white; }
.custom-bg-red   { background-color: red; }
.custom-bg-grey  { background-color: #f5f5f5; }

.custom-alert { display: table; }

.custom-alert-icon {
  display: table-cell;
  vertical-align: middle;
  float: none;
  }
.custom-alert-text {
  display: table-cell;
  vertical-align: middle;
  float: none;
  }
.custom-alert-text > p { margin: 0; }

.param-desc-list p { display: inline; }
td.arg code { white-space: nowrap; }

/*
 * Tagline
 */
.custom-tagline {
  text-align: left;
  padding: 48px 0px 48px 0px;
  background-color: white;
  }
.custom-tagline-btn { margin-top: 15px; }


/*
 * Tiles
 */
.custom-tile {
  color: #94b6df;
  padding: 48px 0px 48px 0px;
  background-color: #f8f8f9;
  }

.custom-tile-image-wrapper {
  float: left;
  width: 100%;
  position: relative;
  border: 3px solid white;
  }

.custom-tile-image-block {
  margin: 0px;
  padding: 0px;
  height: 400px;
  }

.custom-tile-image-legend {
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0px;

  font-size: 26px;

  color: white;
  background-color: rgba(3,3,3,0.5);
  padding-left: 10px;
  }

.custom-tile-image-block:hover > div { background-color: rgba(3,3,3,0.8); }

/*
 * Follow Button
 */
#navbar-main .twitter-follow-button { margin-top: 16px; }

/*
 * Scrolling code blocks
 */
div.language-cpp {
  overflow: scroll;
  pre.highlight { width: 1200px; }
  }

.tocify.gcode,
.custom-fixed-sidebar .tocify {
  font-size: 13px;
  cursor: pointer;
  li {
    line-height: 1em;
    margin: -1px 0 0;
    }
  }

img.floater {
  float: right;
  margin: 0 0 1em 1em;
  }
img.floater.framed { border: 4px solid black; }

.custom-article {
  table {
    margin-bottom: 1.1em;
    border-top: 1px solid #888;
    }

  th, td {
    padding: 2px 0.5em;
    border: 1px solid #888;
    }

  .table>thead>tr>th {
    background-color: #DDD;
    border-bottom: 1px solid #888;
    }
  }

.post {
  margin: -1em 0 1em;
  background-color: #EEE;
  padding: 0.5em 0.5em 0.25em;
  p { font-size: 85%; }
  }

.row.usage h2 { margin-top: -0.5em; }

.gcode-row { border-bottom: 2px solid #888; }
.gcode-row.odd {
  background: #F8F8FF;
  code, pre, .table>thead>tr>th {
    background-color: #E0E0F0;
    }
  .post {
    background-color: #EAEAFC;
    }
  }

#lcd_menu-page .col-lg-9 {
  th { background-color: #DDD; }
  td {
    background-color: #0639FF;
    border-color: #000;
    color: #72D5FB;
    white-space: nowrap;
    font-family: monospace;
    a { color: #C2F5FF; }
    code { background-color: #3669FF; color: #E2D5FB; }
    strong {
      display: inline-block;
      float: right;
      color: #72D5FB;
      }
    }
  td+td {
    background-color: inherit;
    border-color: inherit;
    color: inherit;
    white-space: inherit;
    font-family: inherit;
    code { background-color: #F9F2F4; color: #C7254E; }
    }
  }

#bitmap-converter {
  p { font-size: 120%; }
  #preview-sm { display: none; }
  canvas#preview-lg {
    display: block;
    padding: 2px;
    border: 1px solid gray;
    margin: 5px;
    }
  textarea#pasted, textarea#output {
    width: 100%;
    font-family: monospace;
    white-space: pre;
    line-height: 1.1;
    font-size: 90%;
    resize: none;
    }
  textarea#pasted { color: #BBF; font-size: 150%; text-align: center; }
  div.file-selector {
    padding: 1em;
    margin: 1em 0;
    background: #EEE;

    // noselect
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
       -khtml-user-select: none; /* Konqueror HTML */
         -moz-user-select: none; /* Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
    .options {
      background-color: white;
      border-radius: 1em;
      padding: 4px 0.5em 0;
      }
    .tbd { color: #FDD !important; }
    }
  #err-box {
    display: none;
    padding: 1em;
    font-size: 150%;
    font-weight: bold;
    color: red;
    }
  #cpp-container,
  #pasted, #stat-sub { display: none; }
  .lesser { display: block; float: right; font-size: 90%; }
  }

//** Secondary label background color
$brand-requires: #380 !default;
$label-requires-bg: $brand-requires !default;
.label-requires {
  @include label-variant($label-requires-bg);
  }
.label-requires code {
  background: none !important;
  color: yellow;
  }

//** A table to emulate a list
table.pretty-list {
  border: 0;
  th, td { border: 0; vertical-align: top; }
  td:first-child { text-align: right; }
  }
table.pretty-list.headless thead { display: none; }
